<%--
  Created by IntelliJ IDEA.
  User: 周星星
  Date: 2021/10/4
  Time: 19:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
    <title>我的小橘</title>
    <link href="${pageContext.request.contextPath}/css/customer/favorite.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/common.css" rel="stylesheet">
    <style>
        .favorite_car_left{
            width: 100px;
            line-height: 50px;
            height: 56px;
            position: relative;
            top: -6px;
            left: 10px;
            float: left;
        }
        .favorite_car_time_value{
            float: right;
            line-height: 50px;
            color: #23b7b7;
            font-size: 12px;
            margin-right: 15px;
        }
    </style>
</head>
<body>

<div class="favorite_car_all">
    <!--=======================================1. 标题================================================-->
    <div class="header">
        <div class="head-top">
            <div class="w1180 top-linkbox">
                <div class="top-left">
                    <span><a href="">您好, 马博</a></span>
                    <span><a class="size-color" href="">[退出]</a></span>
                    <span>|</span>
                    <span><a href="">我的小橘</a></span>
                </div>
                <div class="top-right">
                    <span><a href="">帮助中心</a> </span>
                    <span>|</span>
                    <span><a href="">网址导航</a></span>
                    <span>|</span>
                    <span><a href="">English</a></span>
                    <span>|</span>
                    <span class="top-right_tel">400-888-6608</span>
                    <span>|</span>
                    <span><a href="">微信</a></span>
                </div>
            </div>
        </div>
        <div class="head-bottom">
            <div class="w1180">
                <a href="" class="logo"></a>
                <div class="nav">
                    <ul class="nav-wrap">
                        <li><a href="">首页</a></li>
                        <li><a href="">自驾租车</a></li>
                        <li><a href="">车型查询</a></li>
                        <li><a href="">营业网点</a></li>
                        <li><a href="">政企服务</a></li>
                        <li><a href="">接送服务</a></li>
                        <li><a href="">精彩活动</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <!------------------------------------------2.banner--------------------------------------------->
    <div class="banner">
        <span>当前位置:</span>
        <span class="banner_myCar">我的小橘></span>
        <span>我的收藏</span>
    </div>

    <!------------------------------------------3.当前位置main--------------------------------------------->
    <div id="content">
        <div class="content-bd">
            <!--侧边栏-->
            <div class="col-sub">
                <dl class="sub-nav">
                    <dt>我的订单</dt>
                    <dd><a href="" >订单管理</a></dd>
                    <dt>我的资产</dt>
                    <dd><a href="">账户余额</a></dd>
                    <dd><a href="" >我的优惠券</a></dd>
                    <dd><a href="" class="sub_nav_hover">我的收藏</a></dd>
                    <dt>个人中心</dt>
                    <dd><a href="">用户信息</a></dd>
                    <dd><a href="">申请注销账户</a></dd>
                </dl>
            </div>
            <!--收藏内容-->
            <div class="favorite_main_right">
                <div class="favorite_type">
                    <span class="favorite_type_img">收藏的车</span>
                    <span  class="favorite_type_type">汽车类型</span>
                    <span  class="favorite_type_brand">汽车品牌</span>
                    <span  class="favorite_type_name">汽车名称</span>
                    <span  class="favorite_type_price">汽车价格</span>
                    <span  class="favorite_type_time">收藏时间</span>
                </div>
                <div class="favorite_car">
                    <ul>
                        <c:forEach var="favoriteCar" items="${serverResponse.data}">
                            <li>
                                <a href="javascript:void(0)"><img src="${pageContext.request.contextPath}/${favoriteCar.car.carImagePath}" class="favorite_car_left"></a>
                                <span class="favorite_car_type_value">${favoriteCar.car.carType}</span>
                                <span class="favorite_car_brand_value">${favoriteCar.car.carBrand}</span>
                                <span class="favorite_car_name_value">${favoriteCar.car.carName}</span>
                                <span class="favorite_car_price_value">${favoriteCar.car.carDailyPrice}</span>
                                <span class="favorite_car_time_value">
                                        <fmt:formatDate value="${favoriteCar.favorite.favoriteTime}" pattern="yyyy-MM-dd HH:mm:ss"/>
                                </span>

                            </li>
                        </c:forEach>

                    </ul>

                </div>
            </div>


        </div>
    </div>
    <!-----------------------------------------------4.footer底部的信息---------------------------------------------------->
    <div class="footer">
        <div class="footer-box clear_float">
            <div class="footer-left">
                <p>
                    <a href="" >关于一嗨</a>
                    |
                    <a href="" >移动客户端</a>
                    |
                    <a href="" >帮助中心</a>
                    |
                    <a href="" >建议专区</a>
                    |
                    <a href="" >联系我们</a>
                    |
                    <a href="" >友情链接</a>
                    | &nbsp;投诉通道：400-821-1608 &nbsp;
                </p>
                <p>
                    Copyright © 2007 - 2021 上海一嗨信息技术服务有限公司
                    <a href="" >ICP证：沪B2-20140130</a>
                </p>
            </div>
            <div class="footer-right">
                <a href="">
                    <img src="../images/footer_right_first.png">
                </a>
                <a href="">
                    <img src="../images/footer_right_second.png">
                </a>
                <a href="">
                    <img src="../images/footer_right_third.png">
                </a>
                <a href="">
                    <img src="../images/footer_right_forth.png">
                </a>
            </div>
        </div>
    </div>

</div>
</body>
</html>
